﻿@model FTBS.Models.Entities.Schedule

@{
    ViewBag.Title = "Cập nhật suất chiếu";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
    var message = TempData["AlertMessage"] ?? string.Empty;
}

<legend style="margin-top: 10px">CẬP NHẬT SUẤT CHIẾU PHIM</legend>
@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)
    @Html.HiddenFor(scheduleId => Model.ScheduleId)
    @Html.HiddenFor(isDelete => Model.IsDeleted)
    @Html.HiddenFor(userCreate => Model.UserName)
    @Html.HiddenFor(iscreateTicket => Model.IsCreateTicket)
    <input id="isActiveSelected" type="text" name="IsActive" value="@Model.IsActive.ToString()" style="visibility: hidden" />
    <table class="table striped bordered hovered">
        <tr>
            <th style="text-align: left">Tên Phim
            </th>
            <td>
                <div class="input-control select">
                    @Html.DropDownListFor(model => model.FilmId, (SelectList)ViewBag.Film, "--- Chọn tên phim ---")
                    <p style="color: red; font-size: 10pt">@Html.ValidationMessageFor(model => model.FilmId)</p>
                </div>
                <div>
                    @Html.ActionLink("Tạo mới phim", "Create", "Film")
                </div>
            </td>
            <th style="text-align: left">Khuyến mãi
            </th>
            <td>
                <div class="input-control select">
                    <div>
                        @Html.DropDownListFor(model => model.PromotionId, (SelectList)ViewBag.Promotion, "--- Chọn khuyến mãi cho phim ---")
                        <p style="color: red; font-size: 10pt">@Html.ValidationMessageFor(model => model.PromotionId)</p>
                    </div>
                    <div>
                        @Html.ActionLink("Tạo mới khuyến mãi", "Create", "Promotion")
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <th style="text-align: left">Tên Rạp
            </th>
            <td>
                <div class="input-control select">
                    <div>
                        @Html.DropDownListFor(model => model.TheaterId, (SelectList)ViewBag.Theater, "--- Chọn rạp chiếu phim ---", new { id = "cbbTheater" })
                        <p style="color: red; font-size: 10pt">@Html.ValidationMessageFor(model => model.TheaterId)</p>
                    </div>
                    <div>
                        @Html.ActionLink("Tạo mới rạp chiếu", "Create", "Theater")
                    </div>
                </div>
            </td>
            <th style="text-align: left">Phòng
            </th>
            <td>
                <div class="input-control select">
                    <div>
                        @Html.DropDownListFor(model => model.RoomId, (SelectList)ViewBag.Room, "--- Chọn phòng chiếu phim ---", new { id = "cbbRoom" })
                        <p style="color: red; font-size: 10pt">@Html.ValidationMessageFor(model => model.RoomId)</p>
                    </div>
                    <div>
                        @Html.ActionLink("Tạo mới phòng", "Create", "Room")
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <th style="text-align: left">Giờ chiếu
            </th>
            <td>
                <div class="input-control select">
                    <div>
                        @Html.DropDownListFor(model => model.ShowTimeId, (SelectList)ViewBag.ListShowTime, "--- Chọn giờ chiếu phim ---", new { id = "cbbShowTime" })
                    </div>
                    <div>
                        @Html.ActionLink("Tạo mới giờ chiếu", "Create", "ShowTime")
                    </div>
                </div>
            </td>

            <th style="text-align: left">Ngày chiếu
            </th>
            <td>
                <div class="input-control text" data-role="datepicker"
                    data-date='@Model.Date.ToShortDateString()'
                    data-format="mm/dd/yyyy"
                    data-position="bottom"
                    data-effect="slide"
                    data-other-days='1'>
                    <input type="text" id="Date" name="Date">
                    <button class="btn-date" type="button"></button>
                </div>
            </td>
        </tr>
        <tr>
            <th style="text-align: left">Tình trạng
            </th>
            <td>
                <div>
                    @Html.RadioButtonFor(model => model.IsActive, "True") Phim đang chiếu
                </div>
                <div>
                    @Html.RadioButtonFor(model => model.IsActive, "False") Phim sắp chiếu (Comming soon)
                </div>
                <div>
                    <p style="color: red; font-size: 10pt">@Html.ValidationMessageFor(model => model.IsActive)</p>
                </div>
            </td>

            <th style="text-align: left">Người tạo lịch chiếu:
            </th>
            <td>
                @Html.DisplayFor(model => model.UserName)
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input class="button info" type="submit" value="Cập nhật" />
            </td>
            <td colspan="2" style="text-align:right">
                <div>
                    <button class="button danger">
                        @Html.ActionLink("Quay Lại", "ListSchedule")
                    </button>
                </div>
            </td>
        </tr>
    </table>
}

<script type="text/javascript">

    $("#cbbTheater").change(function () {
        var valueSelect = $("#cbbTheater").val();

        if (valueSelect > 0) {
            $.ajax({
                type: "POST",
                url: '@Url.Action("GetRoomByTheaterJson", "Schedule")',
                data: { theaterId: $("#cbbTheater > option:selected").attr("value") },
                success: function (data) {
                    var items = [];
                    items.push("<option value='0'>--- Chọn phòng chiếu phim ---</option>");
                    $.each(data, function () {
                        items.push("<option value=" + this.Value + ">" + this.Text + "</option>");
                    });
                    $("#cbbRoom").html(items.join(' '));
                },
                error: function (data) {
                    alert("Hiển thị phòng chiếu không thành công!");
                }
            })

            $.ajax({
                
                type: "POST",
                url: '@Url.Action("GetShowTimeByTheaterJson", "Schedule")',
                data: { theaterId: $("#cbbTheater > option:selected").attr("value") },
                success: function (data) {
                    var items = [];
                    items.push("<option value='0'>--- Chọn giờ chiếu phim ---</option>");
                    $.each(data, function () {
                        items.push("<option value=" + this.Value + ">" + this.Text + "</option>");
                    });
                    $("#cbbShowTime").html(items.join(' '));
                },
                error: function (data) {
                    alert("Hiển thị giờ chiếu không thành công!");
                }
            });
        }
    });

    //JavaScript for choose IsActive
    $(document).ready(function () {
        var isActiveSelected = document.getElementById("isActiveSelected").value;
        var radios = document.getElementsByName("IsActive");
        for (i = 0; i < radios.length; i++) {
            if (radios[i].value == isActiveSelected) {
                radios[i].checked = true;
            }
        }
    });
    $("input:radio").attr("checked", false);
    $(":radio").click(function () {
        var Selectedvalue = $(this).val();
        document.getElementById("isActiveSelected").value = Selectedvalue
    });

    var message = '@message';
    if (message)
        alert("Suất chiếu trùng với suất chiếu đã tạo! Xin hãy tạo lại!");
</script>
